<template>
	<view class="search">
		<view class="flex" style="flex-wrap:wrap;">
			<view v-for="(item,index) in list" :key="index" @click="detail(item)" style="text-align: center;width:33.33%;">
				<image style="width: 112rpx;height: 112rpx;margin-top:36rpx;" :src="item.img"></image>
				<view style="font-size: 26rpx;">{{item.kind}}</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				type:1,
				lists:[],
				list:[],
				title:''
			};
		},
		onLoad() {
			this.loads()
		},
		methods:{
			loads(){
				this.$httpapi('shoplimu', 'POST',{}).then(res => {
					this.list = res.data
				})
			},
			detail(item){
				const eventChannel = this.getOpenerEventChannel()
				eventChannel.emit('acceptDataFromOpenedPages', item);
				uni.navigateBack()
			},
			sousuo(){
				
			},
			qiehuan(type){
				this.type = type
			}
		}
	}
</script>

<style lang="scss">
	page{
		background-color: #FFF;
	}
.search{
	.post{
		position: fixed;
		top:0rpx;
		left:0;
		width: 750rpx;
		height: 166rpx;
		background: #FFFFFF;
	}
	.xian{
		width: 170rpx;
		height: 6rpx;
		background: #2089FF;
		border-radius: 4rpx;
		margin:8rpx auto 0;
	}
}
</style>
